@charset "utf-8";
/* CSS Document */

*{ padding:0px; margin:0px;}
body{ background:url(../images/IMG_2557.JPG) no-repeat; 
}
.top {
	background-color: rgba(0,0,0,1);
	height: 50px;
	width: 100%;
}
.one {
	font-size: 20px;
	line-height: 50px;
	text-align: left;
	display: block;
	height: 50px;
	width: 180px;
	color: rgba(153,153,153,1);
	font-weight: bold;
	margin-left: 10px;
	float: left;
}
.top-one {
	height: 100px;
	width: 100%;
}

.top ul {

	float: left;
	height: 50px;
	width: 700px;
	margin-left: 10px;
}

ul li img {
	float: left;
}

.top ul li {
	height: 50px;
	width: 100px;
	float: left;
	list-style-type: none;
	 -webkit-box-sizing:border-box;
}
.top ul li:hover{-webkit-transform:translate(5px);
 }
.top-two {
	height: 60px;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(153,153,153,1);
	border-bottom-color: rgba(153,153,153,1);
	border-left-color: rgba(214,214,214,1);
}

.top ul li a {

	text-decoration: none;


	font-size: 14px;
	line-height: 50px;
	text-align: center;
	display: block;
	color: rgba(153,153,153,1);
}
.top ul li:nth-of-type(1){	background-image: url(../images/one.png); 
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px; }
.top ul li:nth-of-type(2){	background-image:url(../images/two.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px; }
.top ul li:nth-of-type(3){	background-image:url(../images/three.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.top ul li:nth-of-type(4){	background-image:url(../images/four.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.top ul li:nth-of-type(5){	background-image:url(../images/seven.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.top ul li:nth-of-type(6){	background-image:url(../images/five.png);
background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.top ul li:nth-of-type(7){	background-image:url(../images/six.png);background-repeat: no-repeat;	background-position: left center;	padding-left: 20px;}
.return {
	background-image: url(../images/return.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 50px;
	width: 150px;
	padding-left: 10px;
	float: right;
	color: rgba(204,204,204,1);
	line-height: 50px;
	text-align: center;
	display: block;
}
.top ul li .hide{  background-color:rgba(153,153,153,0.5);display:none;width:100px; 
height:200px;border:rgba(204,204,204,1) solid; border-radius:20px 30px 40px 50px;}
.top ul li:hover .hide{ display:block;}

.main{ width:86%; margin-left:7%; background-color:rgba(0,0,0,1); margin-top:20px;}
.main-left{
	width: 65%;
	float: left;
}
.sque input {
	background-color: rgba(0,51,255,1);
	border: 1px solid rgba(0,0,255,1);
	width: 60px;
	font-size: 14px;
	text-align: center;
	display: block;
	height: 30px;
	border-radius: 10px;
	outline: none;
	padding-top: 8px;
	padding-bottom: 8px;
	-webkit-box-sizing: border-box;
	padding-right: 3px;
	padding-left: 3px;
}
.xuanzhe {
	height: 400px;
	width: 100%;
}

.sque input:nth-of-type(2){ background-color:rgba(153,153,153,1); border:1px solid rgba(102,102,102,1);}
.sque input:nth-of-type(3){ width:80px; background-color:rgba(153,153,153,1); border:1px solid rgba(102,102,102,1);}
.top-one h1 {
	font-size: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.top-one h6 {
	margin-left: 10px;
	font-size: 14px;
	padding-top: 10px;
}
.sque {
	height: 30px;
	width: 200px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	display: -webkit-box;
	
}



.main-right{
	width: 30%;
	height: 300px;
	float: right;	display:block;
}
.main-right h4 {
	width: 100%;
	font-size: 14px;
	padding-top: 22px;
	padding-bottom: 22px;
	background-image: url(../images/people.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	-webkit-box-sizing: border-box;
}
.main-right h3 {
	font-size: 14px;
	float: right;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	color: rgba(51,0,255,1);
	text-align:right;
}


ol li { margin: 8px }
.downa h3 {
	font-size: 14px;
	margin-right: 10%;
	background-image: url(../images/iphone.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 100px;
}
.down h3:nth-type-of(2){ background-image:url(../images/iphone.png) no-reapet;}
.main-right .down {
	height: 50%;
	width: 100%;
	margin-top: 30px;

}
@media only screen and (max-width:600px){
	.main-right{display:none;}
	
	}

ol li { margin: 8px }
#con {
	FONT-SIZE: 12px;
	WIDTH: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#tags {
	width: 100%;
	height: 31px;
	padding: 0px;
	margin: 0px;
}
#tags li {
	list-style-type: none;
	height: 31px;
	line-height: 31px;
	background-image: url(../images/002.png);
	width: 150px;
	float: left;
}
#tags li a {
	color: #999;
	line-height: 31px;
	height: 31px;
	text-decoration: none;
	width: 150px;
	text-align: center;
	padding: 0px;
	display: block;
	background-color: rgba(153,204,0,1);
}
#tags li a:link { color: #666; }
#tags li a:visited { color: #666; }
#tags li a:hover { color: #039; text-decoration: none; background-image: url(../images/001.png); background-repeat: repeat-x; font-weight: bold; }
#tags li a:active { color: #666; }
#tags li.emptyTag {
	background: none transparent scroll repeat 0% 0%;
}
#tags li.selectTag {
	background-position: left top;
	width: 80px;
	height: 31px;
	position: relative;
}
#tags li.selectTag a {
	line-height: 31px;
	height: 31px;
	margin-bottom: -2px;
	text-align: center;
	margin-right: 20px;
}

#tagContent {
	height: 250px;
}
.tagContent {
	display: none;
	width: 100%;
	color: #474747;
	height: 400px;
	text-align: center;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #09C;
}
#tagContent div.selectTag {
	display: block;
	height: 400px;
}
#tagContent0 .xuan-mian {
	height: 100%;
}
.xuan-top {
	height: 40%;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}
.xuan-down {
	height: 60%;
	width: 100%;
}
.xuan-top li {
	height: 100%;
	width: 20%;
	list-style-type: none;
	float: left;
}



.xuan-top li span {
	font-size: 16px;
	height: 25%;
	width: 100%;
}
.xuan-down p {
	margin-left: -50%;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.hide ul {
	margin: 0px;
	padding: 0px;
}
.hide ul li {
	background-color: rgba(204,204,102,1);
}
li .nine { background-color:rgba(204,204,204,1); 
	height: 150px;
	width: 600px;
	display:none;
}
.top ul li:hover .nine{ display:block;}
